﻿html {
    color: #000;
    background: #FFF;
}

body {
    font-size: 12px;
    font-family: Tahoma,Geneva,'\5B8B\4F53';
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, blockquote {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.fb {
    font-weight: bold;
}

.fn {
    font-weight: normal;
}

.t2 {
    text-indent: 2em;
}

.unl {
    text-decoration: underline;
}

.unl-no {
    text-decoration: none;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

*html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.vm {
    vertical-align: middle;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.abs-right {
    position: absolute;
    right: 0;
}

.zoom {
    zoom: 1;
}

.hidden {
    visibility: hidden;
}

.none {
    display: none;
}

.w980 {
    width: 980px;
    margin: 0 auto;
}

.mtb4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.ptb10 {
    padding: 6px 0;
}

.lh40 {
    line-height: 40px;
}

.shadow {
    -moz-box-shadow: 0 3px 8px #DEDEDE;
    -webkit-box-shadow: 0 3px 8px #DEDEDE;
    box-shadow: 0 3px 8px #DEDEDE;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#DEDEDE')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#DEDEDE');
}

a.red {
    color: #F00;
}

a.btn-red, a.btn-blue {
    display: inline-block;
    height: 26px;
    font: bold 14px/26px Tahoma,Geneva,'宋体';
    background: url(../images/show/nav_bg.png) 0 0 repeat-x;
    margin: 0 2px;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}

a.btn-red {
    border: 1px solid #c00f20;
    background-position: 0 0;
    text-shadow: 1px 1px 0 #000;
}

    a.btn-red:hover {
        background-position: 0 -50px;
    }

    a.btn-red:focus, a.btn-red:active {
        background-position: 0 -100px;
    }

a.btn-blue {
    border: 1px solid #048bd2;
    background-position: 0 -350px;
    text-shadow: 1px 1px 0 #333;
}

    a.btn-blue:hover {
        background-position: 0 -400px;
    }

    a.btn-blue:focus, a.btn-blue:active {
        background-position: 0 -450px;
    }

.header {
    height: 37px;
    background-color: #1E8AD6;
    margin-bottom: 4px;
    border-bottom: 4px solid #114F7B;
}

.header-inner {
    height: 36px;
    border-bottom: 1px solid #479FDD;
}

.nav a {
    border-left: 1px solid #145f96;
    border-right: 1px solid #479fdd;
    color: #fff;
    text-decoration: none;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    text-shadow: 1px 1px 0 #333;
}

    .nav a.logo {
        background: url(../images/show/logo_mini.gif) 0 4px no-repeat;
        width: 90px;
        height: 36px;
        overflow: hidden;
        border-left: none;
        padding: 0;
        display: inline-block;
    }

    .nav a.new-update i {
        position: absolute;
        background: url(../images/show/hot.gif) 0 0 no-repeat;
        width: 22px;
        height: 12px;
        right: -10px;
        top: 4px;
    }

    .nav a.logo:hover {
        background-color: transparent;
    }

    .nav a:hover {
        color: #ff0;
        background-color: #479fdd;
    }

.nav-sec {
    width: 200px;
    padding: 6px 4px 10px;
    background-color: #000;
}

#nav-sec {
    z-index: 2000;
}

.nav-sec li {
    float: left;
    width: 84px;
    padding: 2px 0;
    line-height: 23px;
    border-bottom: 1px dashed #e0e0e0;
    margin: 0 6px;
    text-align: left;
    *zoom: 1;
    *display: inline;
}

.nav-sec a {
    border: none;
    color: #069;
    background: url(../images/show/icons.png) 4px -386px no-repeat;
    padding-left: 15px;
}

    .nav-sec a:hover {
        color: #f30;
    }

.more {
    color: #fff;
    text-align: center;
    padding-left: 10px;
    padding-right: 22px;
    border-right: 1px solid #479fdd;
}

.more, .menu-end {
    display: inline-block;
    line-height: 36px;
    height: 36px;
    border-left: 1px solid #114f7b;
    vertical-align: middle;
}

.menu-end {
    padding: 0;
    border-right: none;
}

.more strong {
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    text-shadow: 1px 1px 0 #333;
}

.more i {
    position: absolute;
    right: 8px;
    top: 16px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-left: 5px solid #1e8ad6;
    border-right: 5px solid #1e8ad6;
    border-top: 5px solid #fff;
    -moz-transition: -moz-transform .2s ease-in 0;
}

.more div.content {
    position: absolute;
    z-index: 1000;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-top: none;
    left: -1px;
    top: 36px;
    display: none;
    border-radius: 0 0 3px 3px;
}

.more-hover {
    background-color: #f6f6f6;
    color: #000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .more-hover i {
        border-left-color: #fff;
        border-right-color: #fff;
        border-top-color: #333;
    }

    .more-hover strong {
        color: #000;
        text-shadow: 1px 1px 0 #fff;
    }

    .more-hover div.content {
        display: block;
    }

#hList {
    width: 300px;
    padding: 10px;
    line-height: 21px;
    z-index: 2000;
}

.hList li {
    padding: 6px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px;
}

    .hList li em {
        color: #ccc;
        font-style: normal;
        font-size: 9px;
    }

.hListMax {
    height: 400px;
    overflow: auto;
}

.hList a {
    border: none;
    color: #999;
    display: inline;
    padding: 0;
    border: none;
    line-height: 21px;
    color: #06c;
}

    .hList a:hover {
        background-color: transparent;
        color: #036;
        text-decoration: underline;
    }

.hNone {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.hList a.red {
    color: red;
}

.hHover {
    background-color: #ffc;
}

.hTime {
    color: #666;
}

.hDelete {
    display: block;
    width: 10px;
    height: 21px;
    overflow: hidden;
    background: url(../images/show/icons.png) 0 -445px no-repeat;
}

    .hDelete span {
        display: none;
    }

    .hDelete:hover {
        background: url(../images/show/icons.png) 0 -415px no-repeat;
    }

.search {
    width: 248px;
    height: 24px;
    border: 1px solid #1871b1;
    margin-top: 5px;
}

    .search input, .search button {
        font: 12px/24px Tahoma,Geneva,'宋体';
        border: none;
        vertical-align: middle;
        height: 24px;
        overflow: hidden;
        *float: left;
    }

    .search input {
        background: url(../images/show/sprites.gif) 0 0 no-repeat;
        padding: 0 6px 0 24px;
        width: 164px;
        color: #333;
    }

    .search button {
        background: url(../images/show/sprites.gif) -194px 0 no-repeat;
        border: none;
        width: 54px;
        text-indent: -1000px;
        cursor: pointer;
    }

.sList {
    position: absolute;
    width: 232px;
    left: 0;
    top: 30px;
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    line-height: 21px;
    display: none;
    z-index: 1000;
}

    .sList li {
        padding: 4px;
        line-height: 21px;
        border-bottom: 1px solid #ddd;
        border-radius: 4px;
    }

        .sList li em {
            float: right;
            color: #060;
            font-style: normal;
        }

        .sList li span {
            float: right;
            color: red;
        }

        .sList li a {
            color: #069;
        }

        .sList li strong {
            color: red;
        }

        .sList li i {
            color: #666;
            font-style: normal;
        }

        .sList li.selected {
            background-color: #ffc;
        }

.title {
    font-family: Tahoma,"宋体",Helvetica,Arial,sans-serif;
    border-bottom: 1px solid #f0f0f0;
    line-height: 40px;
}

    .title h1, .title h2 {
        font-family: "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;
        display: inline-block;
        color: red;
        font-weight: 400;
        vertical-align: middle;
        *display: inline;
    }

    .title h1 {
        font-size: 24px;
    }

        .title h1 a {
            color: #F00;
            text-decoration: none;
        }

            .title h1 a:hover {
                text-decoration: underline;
            }

    .title h2 {
        font-size: 20px;
    }

    .title span {
        color: #666;
        font-size: 14px;
        vertical-align: middle;
    }

    .title em {
        font-style: normal;
        color: #666;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle;
    }

    .title .lighter-close, .title .lighter-open {
        background: url(../images/show/icons.png) no-repeat;
        font-size: 12px;
        padding-left: 12px;
        cursor: pointer;
        font-weight: bold;
        text-decoration: underline;
    }

    .title .lighter-close {
        background-position: 0 -328px;
        color: #F00;
    }

    .title .lighter-open {
        background-position: 0 -360px;
        color: #fff;
    }

    .img_info {
margin-left: 11px;
font-weight: normal;
}

#page,.img_page {
    color: #F60;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
}

.pager {
    padding: 16px 0;
    font-size: 12px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

    .pager a {
        text-decoration: none;
        border: solid 1px #aae;
        color: #15b;
        background-color: #fff;
    }

    .pager a, .pager span {
        display: inline-block;
        padding: 0 7px;
        height: 26px;
        margin: 0 2px;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ccc;
        background: url(../images/show/nav_bg.png) 0 -250px repeat-x;
        border-radius: 2px;
        color: #333;
    }

    .pager .current {
        background: #26b;
        color: #fff;
        border: solid 1px #aae;
    }

        .pager .current.prev, .pager .current.next {
            color: #999;
            border-color: #999;
            background: #fff;
        }

    .pager a:hover {
        border-color: red;
        color: red;
    }

    .pager a.prev, .pager a.next {
        background: url(../images/show/nav_bg.png) 0 0 repeat-x;
        padding: 0 16px;
        color: #fff;
        border: 1px solid #c00f20;
        font-weight: bold;
        text-shadow: 1px 1px 0 #000;
    }

        .pager a.prev:hover, .pager a.next:hover {
            background: url(../images/show/nav_bg.png) 0 -50px repeat-x;
            color: #fff;
            border: 1px solid #de0b1e;
        }

        .pager a.prev:focus, .pager a.next:focus {
            background: url(../images/show/nav_bg.png) 0 -100px repeat-x;
            color: #fff;
            border: 1px solid #de0b1e;
        }

    .pager span.current {
        background: url(../images/show/nav_bg.png) 0 -50px repeat-x;
        color: #fff;
        border: 1px solid #de0b1e;
        font-weight: bold;
        padding: 0 8px;
    }

    .pager span.disabled {
        color: #999;
    }

;.img-loading {
    display: block;
    width: 500px;
    height: 30px;
}

.img-loading b {
    display: block;
    width: 500px;
    height: 30px;
}

.img-loading span {
    display: block;
    width: 500px;
    height: 30px;
}

.img-loading {
    display: none;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -250px;
}

    .img-loading b {
        background-color: #000;
        filter: alpha(opacity=70);
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7;
        border-radius: 4px;
    }

    .img-loading span {
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        font: 14px/30px "微软雅黑",Tahoma;
        color: #FFF;
    }

.imh-msg-box, .imh-msg-iframe, .imh-msg-cont, .imh-msg-cont span {
    width: 520px;
    height: 58px;
    text-align: center;
    display: block;
}

.imh-msg-iframe {
    left: 0;
    right: 0;
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
}

.imh-msg-cont {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,.6);
    background: url(../images/show/msg_box_bg.png) 0 0 no-repeat\9;
    color: #000;
    font: 300 24px/58px 微软雅黑,Tahoma;
    border-radius: 10px;
}

    .imh-msg-cont span {
        left: 0;
        top: 0;
        margin: -1px 0 0 -1px;
        color: #fff;
        position: absolute;
    }

.main-btn {
    display: inline-block;
    text-align: center;
    padding: 12px 0;
}

    .main-btn select {
        font-size: 14px;
        vertical-align: middle;
    }

.sub-btn {
    margin: 8px auto;
    border: 1px solid #BBB;
    font: 12px/28px "微软雅黑",Tahoma;
    height: 28px;
    background-color: #F0F0F0;
    border-radius: 2px;
}

    .sub-btn .arrow i {
        border-left: 5px solid #49A2E1;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-right: none;
        font-size: 0;
        height: 0;
        line-height: 0;
        position: absolute;
        right: -7px;
        top: 8px;
        width: 0;
        background-color: transparent;
        z-index: 10;
    }

        .sub-btn .arrow i i {
            border-left-color: #004FC5;
            right: 1px;
            top: -5px;
            z-index: 20;
        }

            .sub-btn .arrow i i i {
                border-left-color: #0077D1;
                right: 2px;
                top: -5px;
                z-index: 30;
            }

.support＄17.servList {
    height: 26px;
    line-height: 26px;
    background-color: #F0F0F0;
    border: 1px solid #F0F0F0;
    border-radius: 2px;
}

.servList li, .support li {
    float: left;
    display: inline-block;
}

    .support li a, .servList li a {
        font-size: 12px;
        color: #FFF;
        text-decoration: none;
        padding: 0 8px;
        display: block;
    }

.support {
    text-shadow: 1px 1px 0 #FFF;
}

    .support li a {
        border-left: 1px solid #FFF;
        border-right: 1px solid #CCC;
        color: #000;
        background: #F0F0F0 url(../images/show/icons.png) 10px 6px no-repeat;
        padding-left: 30px;
        padding-right: 10px;
    }

        .support li a:hover {
            color: #F00;
            background-color: #FFC;
        }

        .support li a.report {
            background-position: 10px -24px;
        }

        .support li a.error {
            background-position: 10px -54px;
        }

        .support li a.help {
            background-position: 10px -114px;
        }

        .support li a.simple {
            background-image: url(../images/show/forbidden.png) !important;
        }

        .support li a.fit {
            background-image: url(../images/show/collapse.gif) !important;
        }

        .support li a.sel{
            color: #F00;
            background-color: #FFC;
        }

        .support li a.redo {
            background-image: url(../images/show/expand.gif) !important;
        }

        .support li a.zoomin {
            background-image: url(../images/show/zoom_in.png) !important;
        }

        .support li a.zoomout {
            background-image: url(../images/show/zoom_out.png) !important;
        }

    .support li span.shareto {
        display: block;
        width: 76px;
        text-align: center;
        border-left: 1px solid #FFF;
        border-right: 1px solid #CCC;
        color: #00C;
    }

.servList {
    text-shadow: 1px 1px 0 #0B649F;
}

    .servList li a {
        background-color: #0077D1;
        border-left: 1px solid #49A2E1;
        border-right: 1px solid #004FC5;
    }

        .servList li a:hover {
            background-color: #0E81CD;
        }

        .servList li a.current {
            background-color: #0C6BAB;
            color: #FF0;
            font-weight: bold;
            background: #0C6BAB url(../images/show/icons.png) 12px -84px no-repeat;
            padding-left: 30px;
        }

.share {
    padding-left: 10px;
    vertical-align: middle;
}

.keyboard {
    display: inline-block;
    background: url(../images/show/keyboard.png) 0 0 no-repeat;
    vertical-align: middle;
    width: 32px;
    height: 25px;
}

.key-click {
    background-position: 6px 0;
}

.key-left {
    background-position: -23px 0;
}

.key-right {
    background-position: -52px 0;
}

.key-f11 {
    background-position: -81px 0;
}

.key-z {
    background-position: -110px 0;
}

.key-x {
    background-position: -139px 0;
}

.key-c {
    background-position: -168px 0;
}

.key-v {
    background-position: -197px 0;
}

.footer {
    border-top: 1px solid #BBB;
}

.footer-main {
    padding: 10px 0;
    line-height: 21px;
    border-top: 1px solid #FFF;
    background-color: #E0E0E0;
    color: #444;
    text-shadow: 1px 1px 0 #FFF;
}

    .footer-main a {
        color: #666;
    }

        .footer-main a.red {
            color: #F00;
        }

        .footer-main a.blue {
            color: #00F;
        }

        .footer-main a.green {
            color: #060;
        }

.back-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 10000;
    right: 8px;
    bottom: 8px;
    display: none;
    _position: absolute;
}

    .back-to-top a {
        width: 50px;
        height: 50px;
        display: block;
        background: #999 url(../images/show/back_to_top.gif) 0 0 no-repeat;
        text-indent: -2000px;
        overflow: hidden;
    }

        .back-to-top a:hover {
            background-color: #1871B1;
        }

.uzmh-0, .uzmh-1, .uzmh-2, .uzmh-3 {
    overflow: hidden;
    border:1px solid #CCC; margin-bottom:4px;border-radius: 3px;text-align:center;
}

.uzmh-0 {
    background-color:#F6F6F6;
}

.uzmh-1 {

}

.uzmh-2 {

}

.uzmh-3 {
    border:0px;
    padding: 15px;
}

.tbCenter {
    border: 1px solid #CCC;
    margin: 0 auto;
    width: 980px;
    background-color: #FFF;
    height: 600px;
}

#tbBox .nopic {
    font: bold 16px/32px 微软雅黑,Tahoma;
    color: #F33;
}

#shortcuts {
    z-index: 10;
}

.shortcuts-hover .tip-shortcuts {
    display: block;
}

.tip-shortcuts {
    position: absolute;
    z-index: 10;
    width: 240px;
    left: -1px;
    top: 17px;
    padding-top: 20px;
    font-size: 14px;
    text-shadow: none;
    display: none;
}

    .tip-shortcuts i {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #F90;
        font-size: 0;
        height: 0;
        line-height: 0;
        position: absolute;
        left: 30px;
        top: 14px;
        width: 0;
        background-color: transparent;
        z-index: 10;
        _border-left-color: tomato;
        _border-right-color: tomato;
        _filter: chroma(color=tomato);
    }

        .tip-shortcuts i i {
            border-bottom-color: #FFC;
            left: -6px;
            top: 2px;
            z-index: 20;
        }

.tip-cont {
    padding: 10px;
    background-color: #FFC;
    border: 1px solid #F90;
    border-top: 2px solid #F90;
    border-radius: 3px;
}

    .tip-cont ol {
        padding-left: 24px;
    }

    .tip-cont li {
        display: list-item;
        float: none;
        line-height: 20px;
        padding: 4px 0;
        border-bottom: 1px dashed #CCC;
        list-style-type: decimal;
    }

#tip-close {
    position: absolute;
    right: 6px;
    top: 28px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    z-index: 10;
}

    #tip-close a {
        display: block;
        background: url(../images/show/icons.png) 0 -450px no-repeat;
        text-indent: 1000px;
    }

        #tip-close a:hover {
            background-position: 0 -420px;
        }

#tip-again {
    text-align: center;
    padding-top: 6px;
}

    #tip-again span {
        border: 1px solid #AAA;
        display: inline-block;
        width: 140px;
        height: 25px;
        line-height: 23px;
        font-size: 12px;
        border-radius: 3px;
    }

    #tip-again em {
        font-style: normal;
        border: 1px solid #F6F6F6;
        display: block;
        color: #F00;
        cursor: pointer;
        border-radius: 3px;
        background-color: #EEE;
    }


    /* totop */
#backtotop{overflow:hidden;display:none;position:fixed;right:0;bottom:25px;width:45px;height:123px;z-index: 10000;}
#backtotop:hover{background-position:0 -45px;}
#backtotop a{width:40px;height:40px;display:block;background:transparent;background-color:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);zoom:1;margin-bottom:1px;}
:root #backtotop a{filter:none}/*for IE9*/
#backtotop a i{width:40px;height:40px;display:block;background:url(../images/show/icons_function.png) no-repeat 0 0;cursor:pointer;}
#backtotop .backtotop:hover i{background-position:-40px 0;}
#backtotop .btn-mark i{background-position:0 -40px;}
#backtotop .btn-mark:hover i{background-position:-40px -40px;}
#backtotop .btn-next-page i{background-position:0 -80px;}
#backtotop .btn-next-page:hover i{background-position:-40px -80px;}
#backtotop .btn-drop-down i{background-position:0 -120px;}
#backtotop .btn-drop-down:hover i{background-position:-40px -120px;}

.loading-box{padding:10px 0;height:32px;}
.loading-box img{display:block;margin:0 auto;width:32px;height:32px;}
